/*@font-face {
    font-family:'zfzcyh';
    src: url('../fonts/xxxx.eot') format('embedded-opentype');

}*/

a:focus,input,textarea{outline: none;}
*{margin:0px;padding:0px; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; word-break:break-all;}
.fl{float:left;}
.fr{float:right;}
h1,h2,h3,h4,h5,h6{font-weight: normal; line-height: 1;}
a,span,i{ }
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

.clear{ clear:both;  }
ul,ol,li{ list-style:none; margin: 0; padding: 0;}
a{ text-decoration:none;}
a:hover{text-decoration: none;}
h1{margin-top: 0px; margin-bottom: 0px;}
p{margin-bottom: 0px; margin-top: 0px;}
img{ border:0px; vertical-align:middle;}
.img{width: 100%; height: auto;}
body{ overflow-x:hidden;  font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;line-height: 1; }
.sectionhalf{width: 600px;}
/*.section_big{min-width: 1200px; margin-right: auto; margin-left: auto;}
.section{width: 1200px; margin-right: auto; margin-left: auto;}*/
.absolute{position: absolute; left: 0; top: 0;right: 0; bottom: 0; overflow: hidden;}
.absolute2{position: absolute; left: 0; top: 0;width: 100%; height: 100%;}
.detailCon p{display: block;}
.detailCon span,.detailCon a,.detailCon i{display: inline;}
.detailCon img{max-width: 100% !important; height: auto !important;}
.backLazys{background-size: cover; background-position: center center; background-repeat: no-repeat;}

a:focus,a:link,a{text-decoration: none;}
.scrollcomm{position: relative; top: 90px; opacity: 0; filter:alpha(opacity=0); zoom:1;}
.scrollcomm1{top: 90px; opacity: 0; filter:alpha(opacity=0); zoom:1;}
.scrollcomm2{ opacity: 0; filter:alpha(opacity=0); zoom:1;}
.scrollcomm3{margin-top: 80px;opacity: 0;filter:alpha(opacity=0);zoom:1;}
.article-block{position: relative;}
.opacityzero{opacity: 0; display: none\9;}
.tran{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.trandelay{transition:all 0.6s 0.2s; -webkit-transition:all 0.6s 0.2s; -moz-transition:all 0.6s 0.2s;}
.tranfive{transition:all 4s; -webkit-transition:all 4s; -moz-transition:all 4s;}
.tranthree{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.trantwo{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
.transix{transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}
.transixdelayone{transition:all 0.2s 0.2s; -webkit-transition:all 0.2s 0.2s; -moz-transition:all 0.2s 0.2s;}
.tranba{transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s;}
.transcaleleft{transform:scale(0,1); -o-transform:scale(0,1); -ms-transform:scale(0,1); -moz-transform:scale(0,1); -webkit-transform:scale(0,1);}
.transcaletop{transform:scale(1,0); -o-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -webkit-transform:scale(1,0);}
.transcalow{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.transcaonenoe{transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.transcaonefive{transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5);}
.transcaone{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.transcaonezerofive{transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.transcalzero{transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);}
.transcalzerofive{transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); -webkit-transform:scale(0.5);}
.transcalzerofiveX{transform:scaleX(0.5); -o-transform:scaleX(0.5); -ms-transform:scaleX(0.5); -moz-transform:scaleX(0.5); -webkit-transform:scaleX(0.5);}
.transcalxzero{transform:scaleX(0); -o-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -webkit-transform:scaleX(0);}
/*.ismages:hover img{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}
*/.ismages:hover .noscale{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.ismages:hover .tranA{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}
.tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;}
.tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;}
.tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;}
.tranorgin_rightbottom{transform-origin:right bottom;-webkit-transform-origin:right bottom; -moz-transform-origin:right bottom; -ms-transform-origin:right bottom; -o-transform-origin:right bottom;}
.tranorgin_leftbottom{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;}
.tranorgin_lefttop{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;}
.tranorgin_midbottom{transform-origin:50% bottom;-webkit-transform-origin:50% bottom; -moz-transform-origin:50% bottom; -ms-transform-origin:50% bottom; -o-transform-origin:50% bottom;}
.tranorgin_rightmid{transform-origin:100% center;-webkit-transform-origin:100% center; -moz-transform-origin:100% center; -ms-transform-origin:100% center; -o-transform-origin:100% center;}
.tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;}
.tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;}
.tranorgin_right{    -webkit-transform-origin: right;-ms-transform-origin: right; transform-origin: right;}
.tranorgin_left{    -webkit-transform-origin: left;-ms-transform-origin: left; transform-origin: left;}

.transLateX100{transform:translateX(100px); -webkit-transform:translateX(100px)}
.transLateX-100{transform:translateX(-100px); -webkit-transform:translateX(-100px)}
.transLateX20{transform:translateX(20px); -webkit-transform:translateX(20px)}
.transLateX-20{transform:translateX(-20px); -webkit-transform:translateX(-20px)}


.video_popup{position: fixed;  width: 100%; height: 100%;left: 0; top: 100%; background: url(../images/video_bg.png); z-index: 999999; opacity: 0; filter:alpha(opacity=0);}
.video_popup .video_con{position: absolute; font-size: 14px;color: #000; text-align: center;  width: 70%; height: 70%; left: 0; top: 0; right: 0; bottom: 0;margin: auto;  display: block;}
.video_popup .video_close{width: 27px; height: 27px; background: url(../images/close1.png) center center no-repeat; position: absolute; right: -25px; top: -25px; cursor: pointer; background-size: cover;}
.party_info_hide{display: none;}
.video_popup video{background: #fff\9; text-align: center; min-height: 60px; line-height: 60px;}
.page_info .page_about_play,.page_about_diplay{width: 50%;}
.page_info a:hover>img{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.page_info .page_info_A{width: 100%; display: block; position: relative; padding-bottom: 54%; height: 0; overflow: hidden;}
.page_info  img{width: 100%;}
.page_info .play_icon{width: 100px; height: 136px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -68px; color: #fff; font-size: 20px;}
.page_info .play_icon img{margin-bottom: 15px;}
.page_info .page_about_more{position: absolute; width: 170px; height: 42px; line-height: 42px; font-size: 18px;color: #fff; padding-left: 24px; background:#323232 url(../images/page_more_icon.png) 133px center no-repeat; left: 0; bottom: 0; z-index: 10;}
.page_info .page_about_more:hover{ background:#2ac672 url(../images/page_more_icon.png) 133px center no-repeat;}
.page_about_eidt{margin-top: 50px; font-size: 14px; color: #333333; line-height: 32px;}
.index_video{cursor: pointer;}

.common-bot span{width: 8px; height: 8px; border-radius: 50%; background: #e2e1da; margin-right: 8px; display: inline-block;}


.party_dots {height: 4px;}
.party_dots span{ width: 4px; vertical-align: top; display: inline-block; height: 4px; background: #fff; opacity: 0.5; filter:alpha(opacity=50); margin-left: 2px; margin-right: 2px;}
.party_dots span.active{opacity: 1; filter:alpha(opacity=1);}
.black span{background: #000;}
.white span{background: #fff;}
.dot1{animation:roundone 1.5s  linear 0.25s infinite; -webkit-animation:roundone 1.5s linear 0.25s infinite;}
.dot2{animation:roundone 1.5s  linear 0.75s infinite; -webkit-animation:roundone 1.5s linear 0.75s infinite;}
.dot3{animation:roundone 1.5s linear 1.25s infinite; -webkit-animation:roundone 1.5s linear 1.25s infinite;}
@keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}
@-webkit-keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}
@-moz-keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}
@-ms-keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}

fieldset,
input,
button,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-appearance: none;
}

/*.video { 
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      transform: translateX(-50%) translateY(-50%);
      background-size: cover;
      transition: 1s opacity;
  }*/

.mid_table{height: 100%; display: table; width: 100%;}
.mid_cell{display: table-cell; vertical-align: middle;}
.bot_cell{display: table-cell; vertical-align: bottom;}

.mt160{margin-top: 160px}
.mt110{margin-top: 110px;}
.mb250{margin-bottom: 250px;}
.mb260{margin-bottom: 260px;}
 .ml98{margin-left: -80px;}
 .mt60{margin-top: 60px}
.mt70{margin-top: 70px}
.mt276{margin-top: 276px;}
.mt76{margin-top: 76px;}
.pt60{padding-top: 60px}
.p10{padding: 10px;}
.p20{padding: 20px; background: #fff;}
.mt90{padding-top: 90px;}
.mb75{margin-bottom: 75px;}
.mb60{padding-bottom: 60px;}
.pb0{padding-bottom: 0px!important;}
.pt58{padding-top: 58px;}
.pb58{padding-bottom: 58px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb40{margin-bottom: 40px;}
.mb24{margin-bottom: 24px;}
.mt20{margin-top: 20px;}
.z100{font-size: 100px;}
.z80{font-size: 80px;}
.z70{font-size: 70px;}
.z68{font-size: 68px;}
.z60{font-size: 60px;}
.z56{font-size: 56px;}
.z50{font-size: 48px;}
.z40{font-size: 40px;}
.z46{font-size: 46px;}
.z36{font-size: 36px;}
.z34{font-size: 34px;}
.z32{font-size: 32px;}
.z30{font-size: 30px;}
.z28{font-size: 28px;}
.z25{font-size: 25px;}
.z24{font-size: 24px;}
.z22{font-size: 22px;}
.z20{font-size: 20px;}
.z18{font-size: 18px;}
.z16{font-size: 16px;}
.z15{font-size: 15px;}
.z14{font-size: 14px;}
.z13{font-size: 13px;}
.z12{font-size: 14px;}
.z10{font-size: 10px;}
.c002251{color: #002251}
.c454545{color: #454545}
.c333{color: #333;}
.mui_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1700px){
.z100{font-size: 88px;}
.z80{font-size: 70px;}
.z70{font-size: 59px;}
.z68{font-size: 60px;}
.z60{font-size: 52px;}
.z56{font-size: 50px;}
.z50{font-size: 44px;}
.z46{font-size: 40px;}
.z40{font-size: 35px;}
.z36{font-size: 32px;}
.z25{font-size: 22px;}
.z24{font-size: 21px;}
.z20{font-size: 17px;}
.z18{font-size: 16px;}
.z22{font-size: 20px;}
.z16{font-size: 15px;}
.z30{font-size: 26px;}
.z34{font-size: 27px;}
}
@media screen and (max-width: 1500px){
  .z100{font-size: 76px;}
  .z80{font-size: 62px;}
  .z70{font-size: 50px;}
  .z60{font-size: 46px;}
  .z68{font-size: 54px;}
    .z56{font-size: 44px;}
    .z46{font-size: 35px;}
    .z50{font-size: 39px;}
  .z40{font-size: 30px;}
  .z36{font-size: 26px;}
  .z25{font-size: 20px;}
  .z24{font-size: 18px;}
  .z20{font-size: 16px;}
    .z22{font-size: 16px;}
    .z30{font-size: 23px;}
    .z34{font-size: 24px;}
    .z16{font-size: 14px;}
}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
  .z100{font-size: 50px;}
  .z80{font-size: 42px;}
  .z70{font-size: 33px;}
  .z68{font-size: 32px;}
  .z60{font-size: 30px;}
   .z56{font-size: 30px;}
   .z50{font-size: 26px;}
  .z40{font-size: 20px;}
.z46{font-size: 23px;}
.z25{font-size: 18px;}
.z36{font-size: 20px;}
.z22{font-size: 16px;}
.z20{font-size: 15px;}
.z24{font-size: 16px;}
 .z30{font-size: 16px;}
 .z34{font-size: 26px;}
 .course_text_p1{margin-bottom: 15px;}
 .scrollcomm{position: relative; top: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;}
 .z12{font-size: 13px;}
 .z18{font-size: 15px;}
}

@media screen and (max-width: 768px){
  .z100{font-size: 36px;}
  .z80{font-size: 30px;}
  .z70{font-size: 25px;}
  .z68{font-size: 23px;}
  .z60{font-size: 22px;}
    .z56{font-size: 25px;}
    .z50{font-size: 22px;}
  .z40{font-size: 18px;}
    .z18{font-size: 14px;}
    .z16{font-size: 14px;}
    .z15{font-size: 13px;}
    .z14{font-size: 13px;}
    .z36{font-size: 18px;}
    .z34{font-size: 16px;}
    .mt40{margin-top: 20px;}
    .mt40{margin-bottom: 20px;}
}
@media screen and (max-width: 560px){
    .z80{font-size: 22px;}
    .z70{font-size: 20px;}
    .z68{font-size: 19px;}
    .z60{font-size: 18px;}
    .z50{font-size: 16px;}
    .z100{font-size: 28px;}
}
@media screen and (max-width: 420px){
    .z80{font-size: 18px;}
    .z100{font-size: 22px;}
}